<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../../plugins/element-ui/index.css" />

    <style>
        .el-carousel__item h3 {
            color: #475669;
            font-size: 14px;
            opacity: 0.75;
            line-height: 200px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }
    </style>

</head>
<body>

<div id="app">

<!--    <div align="center">-->
<!--        <h1>欢迎来到智能物业管理后台系统</h1>-->
<!--        <el-carousel :interval="4000" type="card" height="400px">-->
<!--            <el-carousel-item v-for="item in 3" :key="item">-->
<!--                <img src="../../images/login/index.jpg" alt="">-->
<!--            </el-carousel-item>-->
<!--        </el-carousel>-->
<!--    </div>-->

    <div align="center">
        <h1>欢迎来到龙城物业管理后台系统</h1>
        <img src="../../images/login/index.jpg" alt="">
    </div>

</div>


<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../../plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="../../plugins/element-ui/index.js"></script>
<!-- 引入axios -->
<script src="../../plugins/axios/axios.min.js"></script>

<script>

    new Vue({
       el: '#app',
       data() {
           return {

           }
       },

       mounted() {
           axios({
               url: "http://localhost:8080/house/list",
               method: 'get',
           }).then(resp => {

               if (resp.data.result === false && resp.data.msg === 'NOTLOGIN') {// 返回登录页面
                   localStorage.removeItem('userInfo')
                   window.top.location.href = '/web/page/login/login.html'
               } else {
                   if (resp.data.result === false){
                       this.$message({
                           type: 'error',
                           message: resp.data.msg
                       });
                   }
                   this.tableData = resp.data.data.data
                   this.total = resp.data.data.total
                   this.currentPage = resp.data.data.currentPage
               }
           });
       },

       methods: {

       }

    });


</script>

</body>
</html>